import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'

export default class MyNavLink extends Component {
  render() {
    // 繁琐的写法
    // const { to, name } = this.props
    // return <div><NavLink to={to}>{name}</NavLink></div>

    // 简化的写法
    // 注意：
    // 这种写法时，路由的名称是通过隐藏属性（children）传递的
    return <NavLink {...this.props} />
  }
}
